<template>
  <!-- 会员兑换成功 -->
  <view class="page-container">
    <up-navbar placeholder title="兑换成功" :autoBack="true" titleColor="#FFFFFF" leftIconColor="#FFFFFF"
      bgColor="rgba(255,255,255,0)"></up-navbar>
    <image  src="https://falvren.oss-cn-beijing.aliyuncs.com/20250614155227bccb5.png" class="bg-image w-[750rpx] h-[421.88rpx]"></image>
    <view class="w-[464rpx] h-[464rpx] mt-[-360rpx]">
      <image src="https://falvren.oss-cn-beijing.aliyuncs.com/2025061415514694f5f.png"></image>
    </view>
    <view class="w-[204rpx] h-[48rpx] mt-[-74rpx]">
      <image class="w-[204rpx] h-[48rpx]" src="@/static/images/img/兑换成功.png"></image>
    </view>
    <view class="w-[300rpx] h-[88rpx] mt-[120rpx] ">
      <up-button @click="goToHome" text="返回首页" 
							style="background: linear-gradient( 98deg, #FFF8DD 0%, #FFD856 100%); font-weight: 500" 
							:customStyle="{
								color: '#000000',
								borderRadius: '30rpx',
								fontSize: '28rpx',
								lineHeight: '40rpx'
							}"></up-button>
    </view>
  </view>
</template>

<script setup>
// 返回首页方法
const goToHome = () => {
  uni.switchTab({
    url: '/pages/index'
  });
};
</script>

<style scoped lang="scss">
.page-container {
  min-height: 100vh;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.botton_1{
  width: 300rpx;
  height: 88rpx;
  background: linear-gradient( 98deg, #FFF8DD 0%, #FFD856 100%);
  border-radius: 16rpx;
}
</style>